<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>登录</title>
    <!---->
    <link rel="icon" th:href="@{/favicon.ico}" href="/favicon.ico">
    <!--  -->
    <link rel="stylesheet" th:href="@{/plugins/mui/css/mui.min.css}" href="/static/plugins/mui/css/mui.min.css"/>
    <link rel="stylesheet" th:href="@{/css/style.css}" href="/static/css/style.css"/>

    <style>
        .mui-content{
            padding: 0.8rem;
        }
        .mui-row{
            margin-top: 0.8rem;
        }

    </style>
</head>

<body>
<div class="bg">
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">登录</h1>
    </header>
    <!--  -->
    <div class="mui-content center">

        <div class="mui-row">
            <form th:action="@{/login}" action="/login" method="post">
                <div class="mui-input-group">
                    <div class="mui-input-row">
                        <input name="username" type="text" class="mui-input-clear" required autocomplete="off"
                               placeholder="请输入用户名">
                    </div>

                    <div class="mui-input-row">
                        <input name="password" type="password" class="mui-input-password" required autocomplete="off"
                               placeholder="请输入密码">
                    </div>
                </div>

                <div class="mui-row mui-text-center">
                    <button id="login" class="mui-btn mui-btn-block mui-btn-primary" data-loading-text="登录中">登&nbsp;录</button>
                </div>
            </form>
            <form th:action="@{/auth/wechat}"  method="get">
                <div class="mui-row mui-text-center">
                    <button id="wxLogin"  class="mui-btn mui-btn-block mui-btn-primary"  data-loading-text="登录中">微&nbsp;信&nbsp;登&nbsp;录</button>
                </div>
            </form>
        </div>

    </div>
</div>

<script type="text/javascript" th:src="@{/plugins/jquery/jquery-2.1.4.js}"
        src="/static/plugins/jquery/jquery-2.1.4.js"></script>
<script type="text/javascript" th:src="@{/plugins/mui/js/mui.min.js}"
        src="/static/plugins/mui/js/mui.min.js"></script>
<script type="text/javascript">
    mui.init()
</script>
</body>

</html>